<!DOCTYPE html>
<html>
	<head>
		<title>
			Headings and Divs
		</title>
		<style type="text/css">
			ul { list-style-type: none}
			ul li:before { content:" - "}			
		</style>
	</head>

	<body>
		<div>
			Hello, Stranger!
		</div>
		<h1>
			Wellcome to Runners Home<sup>TM</sup>
		</h1>
		<div
			Runnners Home<sup>TM</sup> is dedicated to providing you width:
		</div>		
		<ul>
			<li>the most up-to-date information on ranning races</li>
			<li>the best resources for runners.</li>
		</ul>			
		<hr />
		<div>&copy; 2007 Runners Home. All rights recieved.</div>
	</body>
</html>